<template>
    <uni-forms ref="baseForm" :modelValue="baseFormData">
        <view class="form-item">
            <uni-row :gutter="20">
                <uni-col :span="12">
                    <uni-forms-item label="身高" :label-width="50">
                        <uni-easyinput v-model="baseFormData.name" placeholder="CM" />
                    </uni-forms-item>
                </uni-col>
                <uni-col :span="12">
                    <uni-forms-item label="体重" :label-width="50">
                        <uni-easyinput v-model="baseFormData.name" placeholder="KG" />
                    </uni-forms-item>
                </uni-col>
            </uni-row>
        </view>
        <view class="form-title">问题记录</view>
        <view class="form-item">
            <view class="item-input">
                <view class="label">高低肩</view>
                <uni-data-checkbox class="is-end"
                    v-model="baseFormData.gaodijian" 
                    multiple :localdata="[{text:'',value:1}]" />
            </view>
        </view>
        <view class="form-item">
            <view class="item-input">
                <view class="label">剃刀背</view>
                <slider min="1" max="9" @change="sliderChange" :value="baseFormData.tdb" show-value />
            </view>
        </view>
        <view class="form-item">
            <uni-forms-item label="备注" :label-width="50">
                <uni-easyinput v-model="baseFormData.remark" placeholder="备注" />
            </uni-forms-item>
        </view>
        <view class="form-title">筛查建议</view>
        <view class="form-item ">
            <uni-forms-item>
                <uni-data-checkbox mode="tag" 
                    v-model="baseFormData.advise" 
                    :localdata="adviseOption"></uni-data-checkbox>
            </uni-forms-item>
        </view>
    </uni-forms>
</template>

<script>
    export default {
        data() {
            return {
                baseFormData:{
                    advise: 1,
                    tdb: 4
                },
                adviseOption: [
                    {text: '继续保持', value: 1},
                    {text: '注意姿势', value: 2},
                    {text: '医院治疗', value: 3},
                    {text: '每三个月随访', value: 4}
                ]
            }
        },
        methods: {
            
        }
    }
</script>

<style lang="less">
    @import url("../screen.less");
</style>